/* Fix by angular ng-animate */
.ng-hide,
.ng-hide-animate,
.__hide
{
    display: none;
}

.no-data,
.__gray
{
    color: #999;
}

.block
{
    margin: 0 0 20px;
}

.alt-description
{
	color: #43b0e6 !important;
}

/* Scroll bar */
*::-webkit-scrollbar
{
    background: transparent;
}

*::-webkit-scrollbar-track-piece
{
    background: #c9d6df;
}

*::-webkit-scrollbar-thumb
{
    background: #b4c0c8;
}

*
{
    -ms-scrollbar-arrow-color: #c9d6df;
    -ms-scrollbar-face-color: #b4c0c8;
    -ms-scrollbar-shadow-color: #b4c0c8;
    -ms-scrollbar-track-color: #c9d6df;
}



/* Flags */
.flag
{
    background:url(../images/flags.png) no-repeat;
    display: inline-block;
    height: 11px;
    width: 16px;
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tj {background-position: -176px -143px}
.flag.flag-tk {background-position: -192px -143px}
.flag.flag-tl {background-position: -208px -143px}
.flag.flag-tm {background-position: -224px -143px}
.flag.flag-tn {background-position: -240px -143px}
.flag.flag-to {background-position: 0 -154px}
.flag.flag-tr {background-position: -16px -154px}
.flag.flag-tt {background-position: -32px -154px}
.flag.flag-tv {background-position: -48px -154px}
.flag.flag-tw {background-position: -64px -154px}
.flag.flag-tz {background-position: -80px -154px}
.flag.flag-ua {background-position: -96px -154px}
.flag.flag-ug {background-position: -112px -154px}
.flag.flag-um {background-position: -128px -154px}
.flag.flag-us {background-position: -144px -154px}
.flag.flag-uy {background-position: -160px -154px}
.flag.flag-uz {background-position: -176px -154px}
.flag.flag-va {background-position: -192px -154px}
.flag.flag-vc {background-position: -208px -154px}
.flag.flag-ve {background-position: -224px -154px}
.flag.flag-vg {background-position: -240px -154px}
.flag.flag-vi {background-position: 0 -165px}
.flag.flag-vn {background-position: -16px -165px}
.flag.flag-vu {background-position: -32px -165px}
.flag.flag-wales {background-position: -48px -165px}
.flag.flag-wf {background-position: -64px -165px}
.flag.flag-ws {background-position: -80px -165px}
.flag.flag-ye {background-position: -96px -165px}
.flag.flag-yt {background-position: -112px -165px}
.flag.flag-za {background-position: -128px -165px}
.flag.flag-zanzibar {background-position: -144px -165px}
.flag.flag-zm {background-position: -160px -165px}
.flag.flag-zw {background-position: -176px -165px}


.error
{
    color: #e51400;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 0;
}



/* Lists */
ul,
ol
{
    list-style: none;
}

.list.__inline,
.menu.__inline
{
    word-spacing: -4px;
}

    ul li,
    ol li
    {
        padding-bottom: 2px;
        padding-left: 15px;
        padding-top: 2px;
        text-indent: -15px;
    }

    ul li:before,
    ol li:before
    {
        color: #a6a6a6;
        content: '\2014\a0 ';
    }

    .list .list-item,
    .menu .menu-item,
    .tree .tree-item
    {
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0;
        text-indent: 0;
    }

    .list .list-item:before,
    .menu .menu-item:before,
    .tree .tree-item:before
    {
        content: ' ';
    }

    .__inline .list-item,
    .__inline .menu-item
    {
        display: inline-block;
        vertical-align: top;
        word-spacing: 0;
    }

    .__actions .list-item,
    .__actions .menu-item
    {
        display: inline-block;
        padding: 0 2px;
        vertical-align: top;
        word-spacing: 0;
    }

.list.__notice
{
    
}

    .list.__notice .list-item
    {
        background: inherit;
        height: 28px;
        line-height: 28px;
        position: inherit;
        text-align: left;

        -webkit-box-shadow: inherit;
                box-shadow: inherit;
    }

    .list.__notice .list-item:hover
    {
        -webkit-box-shadow: none;
                box-shadow: none;
    }

        .list.__notice .list-link
        {
            color: #4c4c4c;
            display: block;
            font-size: 14px;
            padding: 0 10px;
        }

        .list.__notice .list-link:hover
        {
            background: #ececec;
        }

            .list.__notice .list-ico
            {
                font-size: 18px;
                margin: 0 2px 0 0;
                width: 25px;
            }

            .list.__notice .list-item.__error .list-ico
            {
                color: #e51400;
            }

            .list.__notice .list-item.__warning .list-ico
            {
                color: #f0a30a;
            }

.list.__car-info
{
    display: inline-block;
}

    .list.__car-info .list-item
    {
        font-size: 14px;
        margin: 15px 0 0;
        padding: 0 0 0 35px;
        position: relative;
        text-align: left;
    }

        .list.__car-info .tile-ico
        {
            font-size: 18px;
            left: 0;
            position: absolute;
            top: 5px;
            width: 25px;
        }

        .tile.double .list.__car-info .tile-ico
        {
            margin: 0;
        }

        .list.__car-info .list-name
        {
            color: #43b0e6;
            display: block;
        }

.menu.__theme-links
{
    padding: 10px 0;
    word-spacing: -11px;
}

    .menu.__theme-links .menu-item
    {
        text-align: center;
        width: 33.3333%;
    }

        .menu.__theme-links .menu-link
        {
            display: block;
            font-size: 13px;
        }

            .menu.__theme-links .menu-ico
            {
                display: block;
                font-size: 17px;
                margin: 0 0 5px;
            }

.menu.__context
{
    background: #333;
    display: none;
    position: fixed;
    padding: 10px 0;
    z-index: 100;
}

.menu.__context.open,
.menu.__context.__open
{
    display: block;
}

    .menu.__context .menu-item
    {
        color: #fff;
        cursor: pointer;
        font-family: 'Exo 2';
        font-size: 13px;
        padding: 5px 20px;
        position: relative;
        text-align: left;
        text-shadow: none;
        white-space: nowrap;
    }

    .menu.__context .menu-item.__right
    {
        padding: 5px 40px 5px 20px;
    }

    .menu.__context .menu-item:hover
    {
        color: #43b0e6;
    }

        .menu.__context .menu-ico
        {
            font-size: 18px;
            width: 25px;
        }

        .menu.__context .menu-item.__right .menu-ico
        {
            position: absolute;
            right: 20px;
            width: 6px;
        }

        .menu.__context .menu.__sub
        {
            background: #333;
            display: none;
            left: 100%;
            padding: 10px 0;
            position: absolute;
            top: -10px;
        }

        .menu.__context .menu-item:hover .menu.__sub
        {
            display: block;
        }

.list.__info
{
    margin: 15px 0;
}

    .list.__info > .list-item
    {
        padding: 5px 0;
    }

        .list.__info .list-t
        {
            color: #4c4c4c;
            display: block;
            font-size: 14px;
        }

        .list.__info .list-descr
        {
            color: #999;
            font-size: 12px;
            margin: 5px 0 0;
        }

        .list.__info .list-link
        {
            font-size: 12px;
        }

        .list.__info .list-item:hover .list-t,
        .list.__info .list-item:hover .list-descr
        {
            text-shadow: 1px 1px #fff;
        }
    
.list.__tags
{
    margin: 5px 0 0;
    word-spacing: -4px;
}

    .list.__tags .list-item
    {
        background: #43b0e6;
        color: #fff;
        display: inline-block;
        line-height: 1.1;
        margin: 0 5px 0 0;
        padding: 5px 10px;
        word-spacing: 0;
    }

        .list.__info .list-ico
        {
            font-size: 14px;
            vertical-align: 2px;
        }

        .list.__tags .list-name
        {
            display: inline-block;
            font-size: 12px;
            vertical-align: 3px;
        }

.list.__number
{
    counter-reset: num;
}

    .list.__number .list-item
    {
        padding: 0 0 0 20px;
        position: relative;
    }

    .list.__number .list-item::before
    {
        color: #a6a6a6;
        content: counter(num) '. ';
        counter-increment: num;
        left: 0;
        position: absolute;
        top: 2px;
    }


/* Headings */
h1
{
    font-size: 330%;
}

h2
{
    font-size: 275%;
}

h3
{
    font-size: 225%;
}

h1,
h2,
h3
{
    color: #4c4c4c;
    font-weight: 300;
    line-height: 1;
}

.t
{
    font-size: 32px;
}

.sub-t
{
    font-size: 24px;
    margin: 20px 0 10px;
}

.text
{
    font-size: 14px;
    margin: 5px 0;
}

.text.__debug
{
    color: #a6a6a6;
    font-size: 11px;
    word-wrap: break-word;
}

.text.__note
{
    border: 1px solid #eee;
    margin: 10px 0;
    padding: 10px;
}

.text.__editable
{
    background: #fbfdfe;
    border: 1px dashed #dee9f0;
    color: #43b0e6;
    cursor: text;
    padding: 5px 10px;
}

.text.__editable:hover,
.text.__editable.__selected
{
    background-color: #ecf7fc;
    border-color: #a1c0d4;
}

.text.__note span:first-child
{
    color: #e51400;
}

.sub-text
{
    font-size: 14px;
}

.text-mini
{
    font-size: 11px;
}

.note
{
    background: rgba(0, 0, 0, .024);
    border: 1px solid #eee;
    color: #999;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px;
}

.t,
.sub-t
{
    font-weight: 300;
    line-height: 1;
}

.sub-t.__border
{
    border-bottom: 1px solid #dee9f0;
    margin: 20px 0 0;
    padding: 0 0 10px;
}

.t + .t,
.sub-t + .sub-t
{
    margin: 20px 0 10px;
}

.t.__divider
{
    background: #fbfdfe;
    border-color: #dee9f0;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 -20px 10px;
    padding: 10px 20px;
}

.t.__divider + .t.__divider
{
    margin-top: 20px;
}

.__right
{
    text-align: right;
}


/* Tables */
.table-wrapper
{
    margin: 0 -20px 15px;
}

.form .table-wrapper
{
    margin: 0 -36px 15px -20px;
}

.table
{
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

.table.__fixed
{
    table-layout: fixed;
}

    .table .table-item
    {
        cursor: pointer;
    }

    .table .table-col
    {
        border-color: #dee9f0;
        border-style: solid;
        border-width: 1px 0;
        font-size: 14px;
        padding: 10px;
        text-align: left;
        text-shadow: 1px 1px #fff;
    }

    .table .table-head
    {
        border-bottom: 1px solid #dee9f0;
        font-size: 14px;
        padding: 5px 20px;
    }

    .table.__data .table-col
    {
        vertical-align: top;
    }

        .table-col .table-t,
        .table-col .table-descr
        {
            display: block;
            font-size: 12px;
        }

        .table-col .table-t
        {
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            margin: 0 0 5px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
        }

        .table-col .table-descr
        {
            color: #999;
        }

        .table-col .table-status
        {
            background: #a6a6a6;
            color: #fff;
            display: block;
            font-size: 12px;
            height: 20px;
            line-height: 18px;
            max-width: 56px;
            margin: 5px 0 0;
            padding: 0 5px;
            text-align: center;
            text-shadow: none;
        }

        .table-col .table-status.__active
        {
            background: #43b0e6;
        }

        .table-col .table-date
        {
            color: #999;
            font-size: 12px;
        }

        .table-col .product-img
        {
            height: 40px;
            line-height: 40px;
            text-align: center;
            width: 40px;
        }

        .table-col .table-img
        {
            border: none;
            height: auto;
            max-width: 40px;
            vertical-align: middle;
        }

        .product-img .image
        {
            background-blend-mode: darken;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: contain;
            height: 100%;
            position: relative;
            width: 100%;
        }

        .table-item:hover .product-img .image
        {
            background-color: #ecf7fc;
        }

        .table-item.__selected .product-img .image
        {
            background-color: #d9effa;
        }

    .table th.table-col
    {
        background: rgba(0,0,0,.025);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
    }

    .table .table-col:first-child
    {
        padding-left: 20px;
    }

    .table .table-col:last-child
    {
        padding-right: 20px;
    }

    .table .table-progress
    {
        margin: 10px 0 0;
        position: relative;
    }

    .table .table-ico
    {
        color: #a6a6a6;
        font-size: 28px;
        margin: -4px 10px 0 0;
        text-shadow: 1px 1px #fff;
        vertical-align: middle;
    }

    .table .table-ico.sort
    {
        font-size: 16px;
        margin: 5px 0 0 10px;
    }

    .table .table-ico.sort.fa-sort-down
    {
      margin: -8px 0 0 10px;
    }

    .table-item.__error .table-ico
    {
        color: #e51400;
    }

    .table-item.__warning .table-ico
    {
        color: #f0a30a;
    }

    .table-item.__info .table-ico
    {
        color: #43b0e6;
    }


/* Forms */
:-moz-ui-invalid:not(output)
{
    -webkit-box-shadow: none;
            box-shadow: none;
}

.error,
.__error
{
    color: #e51400;
}

.form-input input.ng-invalid,
.form-input textarea.ng-invalid,
.ui-select-container.ng-invalid .select2-choice,
.form-input input.ng-invalid:focus,
.form-input textarea.ng-invalid:focus
{
    background: #fef8f7;
    border-color: #fce7e6;
    color: #e51400;
}

fieldset
{
    border: none;
}

fieldset + fieldset
{
    margin: 15px 0 0;
}

    fieldset legend
    {
        border-bottom: 1px solid #dee9f0;
        display: block;
        font-size: 24px;
        font-weight: 300;
        padding: 0 0 5px;
        width: 100%;
    }

    .__gray fieldset legend,
    .__gray .form-label
    {
        color: #4c4c4c;
    }

.form
{
    padding: 15px 0;
}

.form-group.__head
{
    border-bottom: 1px solid #dee9f0;
}

.__inline .form-group
{
    display: inline-block;
}

.form-group
{
    margin: 15px 0 0;
}

.__inline .form-group + .form-group
{
    margin-left: 15px;
}

    .form-group .form-hint
    {
        color: #999;
        font-size: 12px;
    }

    .form-group .form-error
    {
        color: #e51400;
        font-size: 12px;
        line-height: 1.4;
        padding: 5px 0;
    }

        .form-group .form-error *
        {
            display: block;
        }

    .form-group .form-input ~ .form-error,
    .form-group .form-input ~ .form-hint
    {
        margin: 5px 0 0;
    }

    .form .form-input
    {
        position: relative;
    }

    .form .form-input + .form-input
    {
        margin: 15px 0 0;
    }

    .form .form-count
    {
        font-size: 14px;
    }

    .count
    {
        color: #43b0e6;
        font-weight: 600;
    }

    .form-input.__number
    {
        height: 34px;
        position: relative;
    }

    .form-group .form-t
    {
        background: #fbfdfe;
        border: 1px solid #dee9f0;
        margin: 0 0 5px;
        padding: 5px;
    }

        .form-t .__link
        {
            float: right;
            margin: 4px 0 0;
        }

        .form-input input,
        .form-input textarea,
        .form-input select
        {
            color: #4c4c4c;
            font-family: inherit;
            font-size: 13px;
            vertical-align: top;
            width: 100%;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

        .form-input.__mini
        {
            width: 68px;
        }

        .form-input.__inline
        {
            display: inline-block;
            vertical-align: middle;
        }

        .table-col .form-input.__mini
        {
            margin: 5px 0 0;
        }

        .form-input input,
        .form-input select,
        .form-input .form-text
        {
            height: 34px;
        }

        .form-input input,
        .form-input textarea,
        .form-input select
        {
            border: 1px solid #dee9f0;
            padding: 5px 10px;
        }

        .form-input textarea
        {
            height: 110px;
            max-height: 110px;
            max-width: 100%;
            min-height: 110px;
            min-width: 100%;
            overflow: auto;
            padding-top: 8px;
            resize: none;
        }

        .form-input textarea.__small
        {
            height: 55px;
            max-height: 55px;
            min-height: 55px;
        }

        .form-input textarea.__large
        {
            height: 220px;
            max-height: 220px;
            min-height: 220px;
        }

        .form-input textarea.__xlarge
        {
            height: 330px;
            max-height: 330px;
            min-height: 330px;
        }

        .form-input.__langs input,
        .form-input.__langs textarea,
        .form-input.__langs select
        {
            padding-left: 36px;
        }

        .form-input.__currency input,
        .form-input.__currency textarea,
        .form-input.__currency select
        {
            padding-right: 40px;
        }

        .form-input.__number input
        {
            padding-right: 20px;
        }

        .form-input.__calendar input,
        .form-input.__file input,
        .form-input.__info input
        {
            padding-right: 45px;
        }

        .form-input select
        {
            position: relative;
        }

        .form-input input:focus,
        .form-input textarea:focus,
        .form-input select:focus
        {
            border-color: #a1c0d4;
        }

        .form-input input[type=file]
        {
            height: 0;
            position: absolute;
            visibility: hidden;
            width: 0;
            z-index: 0;

            filter: alpha(opacity=0);
        }

        .form-input.__number .down,
        .form-input.__number .up
        {
            background: #fbfdfe;
            border: 1px solid #dee9f0;
            cursor: pointer;
            height: 14px;
            right: 2px;
            position: absolute;
            width: 16px;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

        .form-input.__number .up
        {
            top: 2px;
        }

        .form-input.__number .down
        {
            bottom: 2px;
        }

        .form-input.__number .down:after,
        .form-input.__number .up:after
        {
            border-style: solid;
            border-width: 4px;
            content: '';
            left: 50%;
            position: absolute;

            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
        }

        .form-input.__number .down:after
        {
            border-color: #43b0e6 transparent transparent;
            top: 4px;
        }

        .form-input.__number .up:after
        {
            border-color: transparent transparent #43b0e6;
            bottom: 4px;
        }

        .form-input.__langs .flag
        {
            left: 11px;
            position: absolute;
            top: 11px;
            z-index: 50;
        }

        .form-input.__currency
        {
            position: relative;
        }

        .form-input.__currency .currency
        {
            color: #43b0e6;
            font-size: 12px;
            right: 10px;
            position: absolute;
            top: 10px;
            z-index: 50;
        }

        .form-label
        {
            display: inline-block;
            font-size: 14px;
            margin: 0 0 5px;
        }

            .form-label .form-edit
            {
                display: inline-block;
                margin: 0 0 0 5px;
            }

                .form-edit .form-ico
                {
                    font-size: 12px;
                    vertical-align: 2px;
                }

        .form-label + .form-nav
        {
            float: right;
        }

            .form-label + .form-nav *
            {
                display: inline-block;
                font-size: 14px;
                margin: 0 0 0 5px;
            }

        .form-control .form-label
        {
            
        }

        .form-input .btn
        {
            bottom: 0;
            color: #4c4c4c;
            height: 34px;
            line-height: 1;
            min-width: 45px;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        .form-input .btn,
        .form-input .btn:hover
        {
            background: none;
        }

        .form-input .form-text
        {
            font-size: 14px;
            line-height: 34px;
        }

        .table-col .form-input .form-text
        {
            margin: 5px 0 0;
        }

        .table-col .table-space
        {
            height: 17px;
        }

            .form-input .btn-ico
            {
                color: #43b0e6;
                font-size: 24px;
                height: 26px;
                padding: 0 10px;
            }

            .form-input.__info .btn-ico
            {
                color: #fff;
                font-size: 16px;
                height: auto;
                text-shadow: none;
                width: 20px;
            }

            .form-input.__info .btn-ico::before
            {
                background: #43b0e6;
                display: block;
                height: 20px;
                line-height: 20px;

                -webkit-border-radius: 50%;
                        border-radius: 50%;
            }

    .form-control .form-label
    {
        display: inline-block;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.5;
        position: relative;
    }

    .form-control .form-label + .form-label
    {
        margin-left: 10px;
    }

    label.form-control
    {
        display: inline-block;
        height: 12px;
        position: relative;
        top: -2px;
        vertical-align: middle;
        width: 12px;
    }

    .form-control
    {
        min-height: 12px;
        position: relative;
    }

    .form-control.__inline
    {
        display: inline-block;
        margin: 0 20px 0 0;
        vertical-align: middle;
    }

    .form-control.__checkbox,
    .form-control.__radio
    {
        height: 13px;
    }

    .blade-static .form-control.__checkbox,
    .blade-static .form-control.__radio
    {
        margin: 0 0 10px;
    }

    .form-control.__checkbox + .form-control,
    .form-control.__radio + .form-control
    {
        margin-top: 5px;
    }

        .form-control.__checkbox .form-label,
        .form-control.__radio .form-label
        {
            line-height: 1.1;
            margin-bottom: 0;
            vertical-align: top;
        }

        .form-control input
        {
            position: absolute;
            visibility: hidden;
        }

        .form-control .check
        {
            background: #fff;
            border: 1px solid #a1c0d4;
            height: 13px;
            left: 0;
            position: absolute;
            top: 0;
            width: 13px;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

        .form-control.__radio .check
        {
            -webkit-border-radius: 50%;
                    border-radius: 50%;
        }

        .form-control .form-label:hover .check,
        .form-control :checked ~ .check
        {
            border-color: #80a0b5;
        }

        .form-control :checked ~ .check:after
        {
            content: '';
            position: absolute;
        }

        .form-control.__checkbox :checked ~ .check:after
        {
            bottom: 0;
            color: #43b0e6;
            content: '';
            font-family: 'FontAwesome';
            font-size: 11px;
            font-weight: normal;
            left: 0;
            line-height: 1.3;
            position: absolute;
            top: -1px;
        }

        .form-control.__radio :checked ~ .check:after
        {
            background: #43b0e6;
            height: 7px;
            left: 2px;
            top: 2px;
            width: 7px;

            -webkit-border-radius: 50%;
                    border-radius: 50%;
        }

        .form-control .name
        {
            color: #4c4c4c;
            display: inline-block;
            margin: 0 0 0 18px;
            vertical-align: 2px;
        }

        /* Switch */
        .__switch
        {
            cursor: pointer;
            display: inline-block;
            margin: 0;
            position: relative;
            vertical-align: top;
            width: 60px;
        }

        .__switch.__two::after,
        .__switch.__two::before
        {
            content: '';
            position: absolute;
            top: 6px;
        }

        .__switch.__two::after
        {
            background: #999;
            height: 10px;
            right: -7px;
            width: 1px;
        }

        .__switch.__two::before
        {
            border: 1px solid #999;
            height: 8px;
            left: -15px;
            width: 8px;

            -webkit-border-radius: 50%;
                    border-radius: 50%;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

            .__switch input
            {
                display: none;
            }

            .__switch .switch
            {
                background: #555;
                display: block;
                height: 20px;
                width: 60px;

                -webkit-border-radius: 3px;
                        border-radius: 3px;

                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
                        box-shadow: 0 0 3px rgba(0, 0, 0, .15);

                -webkit-transition: background .15s ease;
                        transition: background .15s ease;
            }

            .__switch :checked ~ .switch
            {
                background: #43b0e6;
            }

            .__switch .switch::after
            {
                background: #fff;
                color: #ccc;
                content: '|||';
                font-size: 11px;
                height: 18px;
                left: 0;
                line-height: 16px;
                margin: 1px 0 0 1px;
                position: absolute;
                text-align: center;
                text-indent: -1px;
                width: 25px;

                -webkit-border-radius: 3px;
                        border-radius: 3px;

                -webkit-transition: margin-left .15s ease;
                        transition: margin-left .15s ease;
            }

            .__switch :checked ~ .switch::after
            {
                margin-left: 34px;
            }

            .__switch .switch::before
            {
                color: #fff;
                content: '';
                font-family: 'FontAwesome';
                font-size: 12px;
                font-weight: normal;
                line-height: 20px;
                position: absolute;
                right: 0;
                text-align: center;
                text-transform: uppercase;
                width: 35px;
            }

            .__switch :checked ~ .switch::before
            {
                content: '';
                left: 0;
                right: auto;
            }

.editable
{
    font-size: 14px;
}

    .editable .btn
    {
        padding: 0 10px;
    }

    .editable .btn-toolbar
    {
        background: #43b0e6;
    }

    .editable .ta-scroll-window.form-control
    {
        border: 1px solid #dee9f0;
    }

    .ta-root.focussed > .ta-scroll-window.form-control
    {
        border-color: #a1c0d4;

        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .ta-editor.ta-html,
    .ta-scroll-window.form-control
    {
        border: 1px solid #a1c0d4;
        max-width: 100%;
        min-width: 100%;
        width: 100%;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }


/* Buttons */
.btn
{
    background: #43b0e6;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    padding: 0 20px;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    vertical-align: top;
}

button.btn
{
    padding: 0 17px;
}

.btn.__loading
{
    font-size: 0;
    min-width: 132px;
    pointer-events: none;
    position: relative;
    vertical-align: top;
}

.btn.__loading:after
{
    background-image: 
        -webkit-linear-gradient(45deg, 
        rgba(255, 255, 255, .15) 25%, 
        rgba(0, 0, 0, 0) 25%, 
        rgba(0, 0, 0, 0) 50%, 
        rgba(255, 255, 255, .15) 50%, 
        rgba(255, 255, 255, .15) 75%, 
        rgba(0, 0, 0, 0) 75%, 
        rgba(0, 0, 0, 0));
    background-image: 
        linear-gradient(45deg, 
        rgba(255, 255, 255, .15) 25%, 
        rgba(0, 0, 0, 0) 25%, 
        rgba(0, 0, 0, 0) 50%, 
        rgba(255, 255, 255, .15) 50%, 
        rgba(255, 255, 255, .15) 75%, 
        rgba(0, 0, 0, 0) 75%, 
        rgba(0, 0, 0, 0));
    background-size: 30px 30px;
    bottom: 0;
    content: '';
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;

    filter: alpha(opacity=80);

    -webkit-animation: linear 2s infinite progress;
            animation: linear 2s infinite progress;
}

.btn:hover
{
    color: #fff;
    opacity: .8;

    filter: alpha(opacity=80);
}

.btn.__cancel
{
    background-color: #a6a6a6;
}

.btn.__cancel:hover
{
    background-color: #a0a0a0;
}

.md-editor
{
    background: #fbfdfe;
    border: 1px solid #dee9f0;
    margin: -1px -20px 0;
}

.md-editor.md-fullscreen-mode
{
    background: #ffffff !important;
    border: 0 none !important;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 60px 30px 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.md-editor.active
{
    border-color: #66afe9;
    outline: 0 none;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.md-editor textarea
{
    background: none;
    border: none;
    color: #333;
    height: 300px;
    padding: 10px;
    width: 100%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.md-editor .btn-toolbar
{
    background: #dee9f0;
    padding: 10px;
    overflow: hidden;
}

.md-editor .btn-toolbar .btn-group
{
    float: left;
    margin: 0 5px 0 0;
}

.md-editor .btn-toolbar .md-controls
{
    float: right;
    margin: 3px 10px 0 0;
}

.md-editor .btn-toolbar .btn-group .btn
{
    padding: 0 10px;
}

.md-editor .btn-toolbar .btn-group .btn.hidden
{
    display: none !important;
    visibility: hidden !important;
}

.md-editor .btn-toolbar .btn-group .btn + .btn
{
    border-left: 1px solid rgba(255,255,255,.35);
}

.md-fullscreen-controls
{
    display: none;
}

.md-editor.md-fullscreen-mode .md-header
{
    background: none;
    position: fixed;
    text-align: center;
    top: 20px;
    width: 100%;
}

.md-editor.md-fullscreen-mode .btn-group
{
    display: inline-block;
    float: none;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls
{
    display: block;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 20px;
    z-index: 1002;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a
{
    clear: right;
    color: #b3b3b3;
    height: 30px;
    margin: 10px;
    text-align: center;
    width: 30px;
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview
{
    padding: 20px 20px 20px 120px !important;
}


/* Tiles */
.tile-group
{
    margin: 0 -10px 0 0;
    min-width: 130px;
    overflow: hidden;
    position: relative;
    width: auto;
}

.tile-group + .tile-group
{
    margin: 20px 0 0;
}

.dashboard .tile-group
{
    overflow: visible;
}

.tile-group .tile-group,
.tile-group .tile-group + .tile-group
{
    float: left;
    margin: 0;
    padding: 0;
}

.tile-group.one
{
    width: 130px;
}

.tile-group.two
{
    width: 260px;
}

.tile-group.three
{
    width: 390px;
}

.tile-group.four
{
    width: 520px;
}

.tile-group.five
{
    width: 650px;
}

.tile-group.six
{
    width: 780px;
}

.tile-group.seven
{
    width: 910px;
}

.tile
{
    background: #fbfdfe;
    color: #4c4c4c;
    cursor: pointer;
    float: left;
    font-size: 48px;
    height: 120px;
    margin: 10px 10px 0 0;
    padding: 2px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 120px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
            box-shadow: 0 0 0 2px #dee9f0 inset;
}

.tile.__price
{
    line-height: 0;
}

.tile.__price *
{
    display: block;
    line-height: 1;
}

.tile.__price .tile-count
{
    color: #43b0e6;
    font-size: 24px;
    margin: 10px 0 0;
}

.tile.__price .tile-price
{
    color: #43b0e6;
    font-size: 30px;
    height: 49px;
    line-height: 40px;
    margin: 20px 0 0;
}

.tile.__price .tile-descr + .tile-price
{
    font-size: 14px;
    height: auto;
    line-height: 1;
}

.tile:hover,
.tile.__selected
{
    -webkit-box-shadow: 0 0 0 2px #a1c0d4 inset;
            box-shadow: 0 0 0 2px #a1c0d4 inset;
}

.tile.__info:hover,
.tile.__selected.__info
{
    cursor: default;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.__note
{
    background-color: #fffff5;
}

.tile:after,
.tile:before
{
    opacity: 0;
}

.tile.__selected:after
{
    border-color: #a1c0d4 #a1c0d4 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: '';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.tile.__selected:before
{
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 0;
    position: absolute;
    right: 4px;
    top: 9px;
    z-index: 25;
}

.tile.__selected:after,
.tile.__selected:before
{
    opacity: 1;
}

.__images-list .tile
{
    line-height: 100px;
}

.tile .tile-ico
{
    margin: 25px 0 0;
}

.tile .btn
{
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}

.tile .tile-descr
{
    display: block;
    font-size: 14px;
    margin: 10px 0 5px;
    max-height: 78px;
    overflow: hidden;
}

.tile.__brand .tile-descr
{
    font-size: 24px;
    margin: 20px 0;
}

.tile.__brand .tile-image
{
    display: inline-block;
    height: 120px;
    line-height: 96px;
    text-align: center;
    width: 120px;
}

.tile.__brand .tile-image img
{
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.tile .tile-descr.__once
{
    font-size: 24px;
    margin: 35px 0;
}

.tile .tile-ico + .tile-descr
{
    margin: 0 10px;
}

/* Half */
.tile.half
{
    font-size: 24px;
    height: 55px;
    width: 55px;
}

.tile.half.tall
{
    height: 120px;
    width: 55px;
}

.tile.half.wide
{
    height: 55px;
    width: 120px;
}

.tile.half .tile-ico
{
    height: 24px;
    margin: 12px 0 0;
}

/* Double */
.tile.double
{
    font-size: 72px;
    height: 250px;
    width: 250px;
}

.tile.double .tile-descr.__once
{
    margin: 100px 0;
}

.tile.double.wide .tile-descr.__once
{
    margin: 35px 0;
}

.__images-list .tile.double
{
    line-height: 225px;
}

.tile.double .tile-ico
{
    margin: 60px 0 0;
}

.tile.double.tall
{
    font-size: 48px;
    height: 250px;
    width: 120px;
}

.tile.double.tall .tile-ico
{
    margin: 80px 0 0;
}

.tile.double.wide
{
    font-size: 48px;
    height: 120px;
    width: 250px;
}

.tile.double.wide .tile-ico
{
    margin: 35px 10px 0 0;
}

.tile.double.wide .tile-descr
{
    display: inline-block;
    vertical-align: 10px;
}

.tile.double.wide .tile-count + .tile-descr
{
    display: block;
}

/* Triple */
.tile.triple
{
    height: 380px;
    width: 380px;
}

.tile.triple.tall
{
    height: 380px;
    width: 250px;
}

.tile.triple.wide
{
    height: 250px;
    width: 380px;
}

.tile.triple.wide.mini
{
    height: 120px;
    width: 380px;
}

/* Quadro */
.tile.quadro
{
    height: 510px;
    width: 510px;
}

.tile.quadro.__tree:hover
{
    overflow-y: auto;
}

.tile.quadro.tall
{
    height: 510px;
    width: 380px;
}

.tile.quadro.wide
{
    height: 380px;
    width: 510px;
}

.tile.quadro.wide.mini
{
    height: 120px;
    width: 510px;
}

.tile .tile-count
{
    color: #999;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 10px;
}

.tile .tile-t
{
    font-size: 24px;
    margin: 10px 0;
}

.tile .tile-img
{
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.tile .tile-action
{
    background: #a1c0d4;
    height: 30px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;

    filter: alpha(opacity=0);

    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

.tile:hover .tile-action
{
    opacity: 1;

    filter: alpha(opacity=100);
}

.tile .tile-action::after
{
    color: #fff;
    content: "";
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    left: 50%;
    position: absolute;
    top: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/* Blade lists */
.list.__items,
.list.__files
{
    margin: 0 -20px 15px;
}

.list.__files
{
    margin: 15px -20px;
}

    .__items .list-group
    {
        background: #fbfdfe;
        border-bottom: 1px solid #dee9f0;
        cursor: pointer;
        font-size: 24px;
        padding: 10px 50px 10px 20px;
        position: relative;
    }

    .__items .list-group::after
    {
        color: #a6a6a6;
        content: '';
        font-family: 'FontAwesome';
        font-size: 16px;
        position: absolute;
        right: 20px;
        top: 50%;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .__items .list-group.__opened::after
    {
        content: '';
    }

    .__items .list-item
    {
        background: #fff;
        border-bottom: 1px solid #dee9f0;
        cursor: pointer;
        display: block;
        padding: 10px 50px 10px 20px;
        position: relative;
    }

    .__items .list-group + .list.__sub
    {
        display: none;
        margin: -1px 0 0;
    }

    .__items .list-group.__opened + .list.__sub
    {
        display: block;
    }

    .__items .list-item.__default
    {
        background: #ecf7fc;
    }

    .__items .list-item:after
    {
        color: #a6a6a6;
        content: "";
        font-family: "FontAwesome";
        font-size: 16px;
        position: absolute;
        right: 30px;
        top: 50%;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);

        -webkit-transition: right .25s ease-in-out 0s;
                transition: right .25s ease-in-out 0s;
    }


    .__items .list-item.__default:after
    {
        border-color: #a1c0d4 #a1c0d4 transparent transparent;
        border-style: solid;
        border-width: 15px;
        content: "";
        font-family: "FontAwesome";
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 0;

        -webkit-transition: none;
                transition: none;

        -webkit-transform: none;
                transform: none;
    }

    .__items .list-item.__default:before
    {
        color: #fff;
        content: "";
        font-family: "FontAwesome";
        font-size: 10px;
        line-height: 0;
        position: absolute;
        right: 4px;
        top: 9px;
        z-index: 25;
    }

    .__items .list-item.__not-icon::after,
    .__items .list-item.__not-icon::before
    {
        content: '';
    }

    .__items label.list-item:after
    {
        display: none;
    }

    .__items .list-item:hover:after
    {
        right: 25px;
    }

    .__items .list-item.__default:hover:after
    {
        right: 0;
    }

    .__items .list-item:first-child
    {
        border-top: 1px solid #dee9f0;
    }

        .__items .list-ico,
        .__files .list-ico
        {
            font-size: 28px;
            height: 30px;
            line-height: 30px;
            margin: 0 5px 0 0;
            text-shadow: 1px 1px #fff;
            vertical-align: middle;
            width: 40px;
        }

        .__files .list-ico
        {
            font-size: 24px;
            width: 30px;
        }

        .__files .list.__sub .list-ico
        {
            font-size: 24px;
        }

        .__items .list-ico ~ .list-name,
        .__files .list-ico ~ .list-name
        {
            vertical-align: middle;
        }

        .__items .list-name,
        .__files .list-name
        {
            color: #4c4c4c;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            position: relative;
            vertical-align: top;
            z-index: 25;
        }

        .__items .list-item:hover .list-name,
        .__files .list-item:hover .list-name
        {
            text-shadow: 1px 1px #fff;
        }

        .__files .list-name
        {
            vertical-align: middle;
        }

        .__files .list-descr
        {
            color: #4c4c4c;
            display: block;
            font-size: 12px;
        }

        .__files .list-ico ~ .list-descr,
        .__files .list-img ~ .list-descr
        {
            margin: 0 0 0 37px;
        }

        .__items .list-t
        {
            display: block;
            font-size: 14px;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .__items .list-descr
        {
            color: #999;
            display: block;
            font-size: 12px;
        }

    .__items .list-ico ~ .list-t
    {
        display: inline-block;
    }

    .__items .list-ico ~ .list-descr
    {
        margin: 0 0 0 50px;
    }

        .__items .list-t,
        .__items .list-descr
        {
            position: relative;
            text-shadow: 1px 1px #fff;
            z-index: 50;
        }

        .__items .list-item input[type=checkbox],
        .__items .list-item input[type=radio]
        {
            left: 0;
            position: absolute;
            top: 0;
            visibility: hidden;
        }

        .__items .list-item .switch
        {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        .__items label.list-item :checked ~ .switch,
        .__items label.list-item.__selected .switch
        {
            background: #ecf7fc;

            -webkit-box-shadow: 0 0 0 1px #a1c0d4;
                    box-shadow: 0 0 0 1px #a1c0d4;
        }

        .__items label.list-item :checked ~ .switch,
        .__items label.list-item.__selected .switch
        {
            -webkit-box-shadow: 0 0 0 1px #dee9f0;
                    box-shadow: 0 0 0 1px #dee9f0;
        }

        .__items .list-item :checked ~ .switch:after,
        .__items .list-item.__selected .switch:after
        {
            border-color: #a1c0d4 #a1c0d4 transparent transparent;
            border-style: solid;
            border-width: 15px;
            content: '';
            font-family: 'FontAwesome';
            font-size: 16px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .__items .list-item.__selected .switch:after
        {
            border-color: #dee9f0 #dee9f0 transparent transparent;
        }

        .__items .list-item :checked ~ .switch:before,
        .__items .list-item.__selected .switch:before
        {
            color: #fff;
            content: "";
            font-family: "FontAwesome";
            font-size: 10px;
            line-height: 0;
            position: absolute;
            right: 4px;
            top: 9px;
            z-index: 25;
        }

        .__items label.list-item.__selected .list-name
        {
            color: #a6a6a6;
        }

.list.__chosen
{
    margin: 10px 0;
}

    .__chosen .list-item
    {
        margin: 0 10px 10px 0;
        position: relative;
    }

        .__chosen .list-name
        {
            background: #43b0e6;
            color: #fff;
            float: right;
            font-size: 11px;
            max-width: 345px;
            min-height: 15px;
            min-width: 30px;
            overflow: hidden;
            padding: 2px 5px;
            text-overflow: ellipsis;
            vertical-align: top;
            white-space: nowrap;
        }

        .__chosen .list-remove
        {
            color: #a1c0d4;
            cursor: pointer;
            float: left;
            font-family: caption;
            font-size: 17px;
            font-weight: bold;
            line-height: 1;
            margin: 3px 4px 0 0;
        }

        .__chosen .list-remove:hover
        {
            color: #43b0e6;
        }

.__files .list-item
{
    border: none;
    position: relative;
}

.__files .list-block
{
    cursor: pointer;
    display: block;
    padding: 2px 20px;
}

.__files .list-link
{
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 2px 20px;
}

    .__files .list-img
    {
        display: inline-block;
        height: 30px;
        margin: 0 5px 0 0;
        overflow: hidden;
        position: relative;
        top: 5px;
        vertical-align: middle;
        width: 30px;
    }

        .__files .list-img *
        {
            display: block;
            max-width: 100%;
        }

.__files .list.__sub .list-item
{
    margin: 0 0 0 40px;
}


/* Pagination */
.pagination
{
    background: #fbfdfe;
    border-color: #dee9f0;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 -20px;
    padding: 10px 20px;
    text-align: center;
}

    .pagination .menu-item
    {
        text-align: center;
    }

    .pagination .menu-item + .menu-item
    {
        margin: 0 0 0 5px;
    }

    .pagination .menu-link
    {
        background: #fff;
        border: 1px solid #dee9f0;
        color: #4c4c4c;
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: 30px;
        line-height: 26px;
        width: 30px;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .pagination .menu-link:hover
    {
        background: #e8f5fb;
    }

    .pagination .menu-item.__selected .menu-link
    {
        background: #43b0e6;
        color: #fff;
    }

    .pagination .menu-ico
    {
        font-size: 14px;
    }


/* Window and Modals */
.modal-backdrop.fade,
.modal.fade
{
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.modal-backdrop.fade
{
    background: #000;
    opacity: .5;

    filter: alpha(opacity=50);
}

.window,
.modal-content
{
    background: #fff;
    font-family: 'Exo 2';
    line-height: 1.3;
    min-height: 200px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 500px;

    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, .05);
            box-shadow: 0 0 0 8px rgba(0, 0, 0, .05);

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.modal-content
{
    margin: 30px 0;
    min-height: inherit;
}

    .window .window-status
    {
        height: 40px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 25;
    }

        .window-status .progress-bar
        {
            height: 100%;
            margin: 0;
        }

    .window .window-head,
    .modal-content .modal-header
    {
        background: #333;
        height: 40px;
        line-height: 36px;
        position: relative;
        z-index: 50;
    }

    .modal-content .modal-header
    {
        height: auto;
        line-height: 1;
    }

    .window .window-status ~ .window-head
    {
        background-color: transparent;
    }

        .window-head .window-t,
        .modal-header .modal-title
        {
            color: #fff;
            font-size: 14px;
            padding: 0 20px;
        }

        .modal-header .modal-title
        {
            font-size: 20px;
            font-weight: 400;
            padding: 20px;
        }

        .window-head .window-t.__logo
        {
            background: url(../images/logo.png) no-repeat scroll 15px 50%;
            background-size: 27px;
            height: 100%;
            padding-left: 55px;
        }

    .window .window-cnt
    {
        padding: 0 20px;
    }

    .modal-content .modal-body,
    .modal-content .modal-footer
    {
        font-size: 14px;
        padding: 20px;
    }

        .modal-content .modal-body .form-input
        {
            margin: 15px 0 0;
        }

    .modal-content .modal-footer
    {
        text-align: right;
    }

        .window-cnt .form-label
        {
            margin-left: 0;
        }


/* Breadcrumbs */
.breadcrumbs
{
    padding: 15px 0;
}

    .breadcrumbs .back
    {
        background: #fff;
        border: 1px solid #a1c0d4;
        color: #a1c0d4;
        display: inline-block;
        height: 30px;
        line-height: 28px;
        text-align: center;
        vertical-align: top;
        width: 30px;

        -webkit-border-radius: 50%;
                border-radius: 50%;
    }

    .breadcrumbs .back:hover
    {
        border-color: #43b0e6;
        color: #43b0e6;
    }

    .breadcrumbs .back ~ .menu
    {
        display: inline-block;
        margin: 4px 0 0 10px;
        vertical-align: top;
    }

    .breadcrumbs .menu-item.__divider
    {
        height: 22px;
        position: relative;
        width: 20px;
    }

    .breadcrumbs .menu-item.__divider:after
    {
        background: #a6a6a6;
        content: '';
        height: 4px;
        left: 50%;
        margin: 0 0 0 -2px;
        position: absolute;
        top: 50%;
        width: 4px;
    }

        .breadcrumbs .menu-link
        {
            color: #43b0e6;
            font-size: 14px;
        }

        .breadcrumbs .menu-link:hover
        {
            color: #52a2ca;
        }


/* Tree */
.tree
{
    font-size: 0;
    text-align: center;
}

.tree-view
{
    overflow-x: auto;
}

.tree-scroll
{
    padding: 20px 0;
    text-align: center;
}

.tree,
.tree-item
{
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: top;
}

.tree.__horizontal .tree-item
{
    display: block;
}

.tree-view ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.tree-item:first-child:before
{
    background: #fff;
    content: '';
    height: 2px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 5;
}

.tree.__horizontal .tree-item:first-child:before
{
    background: #fff;
    content: "";
    height: 50%;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 2px;
    z-index: 5;
}

.tree-item:last-child:before
{
    background: #fff;
    content: '';
    height: 2px;
    right: -1px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 5;
}

.tree.__horizontal .tree-item:last-child:after
{
    background: #fff;
    content: "";
    height: 50%;
    left: -1px;
    position: absolute;
    top: 51%;
    width: 2px;
    z-index: 5;
}

.tree-block
{
    border: 2px solid #a1c0d4;
    cursor: pointer;
    display: inline-block;
    margin: 10px 11px;
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    width: 160px;
    
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.tree.__horizontal .tree-block
{
    vertical-align: middle;
}

.tree-block:hover
{
    background: #ecf7fc;
}

.tree-block.__canceled:hover
{
    background: #faf1f1;
}

.tree-block.__selected
{
    background: #d9effa;
    border-color: #a1c0d4;
}

.tree-block .inner
{
    height: 100%;
    margin: 0 10px;
    text-align: left;
}

.tree-item.last .tree-block .inner:after
{
    background: #fff;
    content: '';
    height: 2px;
    left: -1px;
    position: absolute;
    top: -12px;
    width: 50%;
    z-index: 5;
}

.tree-item.last .tree-block .inner:before
{
    background: #fff;
    content: '';
    height: 2px;
    position: absolute;
    right: -1px;
    top: -12px;
    width: 50%;
    z-index: 10;
}

.first > :first-child:before
{
    display: none;
}

.tree-block:before
{
    background: #a1c0d4;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: -12px;
    width: 2px;
    
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.tree.__horizontal .tree-block:before
{
    background: #a1c0d4;
    content: "";
    height: 2px;
    left: -14px;
    position: absolute;
    top: 50%;
    width: 12px;
    
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.tree-node
{
    position: relative;
}

.tree-node.__one-el
{
    margin: -10px 0 0;
}

.tree.__horizontal .tree-node.__one-el
{
    margin: 0 0 0 -10px;
}

.tree-node.__one-el::after,
.tree-node.__one-el::before
{
    display: none;
}

.tree.__horizontal .tree-node
{
    display: inline-block;
    vertical-align: middle;
}

.tree-node:after
{
    background: #a1c0d4;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 7px;
    top: 0;
}

.tree.__horizontal .tree-node:after
{
    background: #a1c0d4;
    bottom: 0;
    content: "";
    height: auto;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 2px;
}

.tree-node.__empty:after
{
    display: none;
}

.tree-node:before
{
    background: #a1c0d4;
    content: '';
    height: 12px;
    left: 50%;
    position: absolute;
    top: -10px;
    width: 2px;
    
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.tree.__horizontal .tree-node:before
{
    background: #a1c0d4;
    content: "";
    height: 2px;
    left: -12px;
    position: absolute;
    top: 50%;
    width: 12px;
    
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.tree.__horizontal .tree-node .tree-item
{
    text-align: left;
}

.tree-el
{
    color: #4c4c4c;
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 5px 0 5px 20px;
    position: relative;
    white-space: normal;
}

.tree-el.__canceled
{
    background: #43b0e6;
    color: #fff;
    margin: 5px -10px -5px;
    padding: 5px 0;
    text-align: center;
}

.tree-el.__title
{
    color: #43b0e6;
    height: 24px;
}

.tree-el .tree-ico
{
    color: #4c4c4c;
    font-size: 14px;
    left: 0;
    position: absolute;
    width: 20px;
}


/* Columns */
.columns
{
    padding: 15px 0;
}

.form .columns
{
    padding: 0;
}

.column:nth-last-child(2),
.column:nth-last-child(2) ~ .column
{
    float: left;
    width: 50%;
}

.column:nth-last-child(3),
.column:nth-last-child(3) ~ .column
{
    float: left;
    width: 33.3333%;
}

.column .list.__info
{
    margin: 0;
}

.column .form-group
{
    margin-right: 10px;
}

.column + .column .form-group
{
    margin-left: 10px;
    margin-right: 0;
}

.column .column .form-group
{
    margin-left: 0;
    margin-right: 0;
}

.column .column + .column .form-group
{
    margin-left: 10px;
    margin-right: 0;
}

.column + .column .table-wrapper
{
    margin-left: 10px;
}


/* Calendar */
.form-input.__calendar .dropdown-menu
{
    background: #fff;
    border: 1px solid #dee9f0;
    margin: -1px 0 0;
    max-width: 400px;
    position: absolute;
    right: 0;
    z-index: 100;
}

    .form-input.__calendar .dropdown-menu .btn
    {
        background: #fbfdfe;
        font-size: 14px;
        font-weight: 400;
        position: static;
        text-shadow: none;
    }

    .form-input.__calendar .dropdown-menu .btn:disabled:hover
    {
        background: #fbfdfe;
    }

    .form-input.__calendar .dropdown-menu .btn:hover
    {
        background-color: #ecf7fc;
    }

        .form-input.__calendar .dropdown-menu table .btn
        {
            width: 100%;
        }

        .form-input.__calendar .dropdown-menu .btn-group .btn,
        .form-input.__calendar .dropdown-menu .btn-success
        {
            background: #43b0e6;
            color: #fff;
            display: inline-block;
            padding: 0 10px;
        }

.text-muted {
    color: #999999;
}

    .form-input.__calendar .dropdown-menu .btn-info,
    .form-input.__calendar .dropdown-menu .btn.active
    {
        background: #43b0e6;
        color: #fff;
    }

    .dropdown-menu li
    {
        padding: 0;
        text-indent: 0;
    }

    .dropdown-menu li:last-child
    {
        background: #e8f5fb;
        overflow: hidden;
        padding: 5px !important;
    }

    .dropdown-menu li:before
    {
        content: '';
    }

    .dropdown-menu table
    {
        border-collapse: collapse;
        border-spacing: 0;
        padding: 0;
        width: 100%;
    }

        .dropdown-menu table th,
        .dropdown-menu table td
        {
            background: #dee9f0;
            border-color: #fff;
            border-style: solid;
            border-width: 2px;
            font-size: 14px;
            padding: 1px;
            text-align: center;
            width: 12.5%;
        }

        .dropdown-menu table th
        {
            background: #dee9f0;
            font-weight: 500;
        }

            .dropdown-menu table th small
            {
                display: block;
                font-size: 13px;
                line-height: 1.4;
                margin: 5px 0;
                vertical-align: top;
            }

        .dropdown-menu .glyphicon
        {
            font-family: 'FontAwesome';
            font-style: normal;
        }

        .dropdown-menu .glyphicon.glyphicon-chevron-left:before
        {
            content: '';
        }

        .dropdown-menu .glyphicon.glyphicon-chevron-right:before
        {
            content: '';
        }


/* Select */
.select2-container
{
    cursor: pointer;
    display: block;
}

.select2-container input
{
    height: auto;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices
{
    background: #fff;
    border-color: #dee9f0;
    color: #4c4c4c;
    font-size: 14px;
    line-height: 32px;
    min-height: 32px;
    padding: 0 10px;
}

.select2-container-multi .select2-choices
{
    line-height: 32px;
}

.select2-container-multi .select2-choices
{
    padding: 0 4px;
}

.select2-container .select2-choice,
.select2-drop
{
    -webkit-border-radius: 0;
            border-radius: 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active,
.select2-container-multi.select2-container-active .select2-choices
{
    border-color: #a1c0d4;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.form-input.__langs .select2-choice,
.form-input.__langs .select2-choices
{
    padding-left: 36px;
}

.select2-choice > .select2-chosen
{
    margin: 0;
}

.select2-container .select2-choice .select2-arrow
{
    background: none;
    border: none;
    width: 30px;
}

.select2-container .select2-choice .select2-arrow:after
{
    border-color: #43b0e6 transparent transparent;
    border-style: solid;
    border-width: 5px 4px;
    content: '';
    margin: -3px 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
}

.select2-dropdown-open .select2-choice .select2-arrow:after
{
    border-color: transparent transparent #43b0e6;
    margin: -10px 0 0;
}

.select2-search input
{
    background: #fff;
}

.select2-results .select2-highlighted
{
    background: #43b0e6;
}

.select2-container li
{
    color: #4c4c4c;
    padding: 0;
    text-indent: 0;
}

.select2-container li:before
{
    content: '';
}

/* Multi selects */
.form-input.__langs .select2-search-field
{
    left: 36px;
}

.select2-container-multi .select2-choices .select2-search-choice
{
    background: #fbfdfe;
    border: 1px solid #a1c0d4;
    font-size: 13px;
    line-height: 1;
    padding: 6px 30px 6px 5px;
    z-index: 50;

    -webkit-border-radius: 0;
            border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-field input
{
    padding: 7px 10px 7px 5px;
}

.select2-search-choice-close
{
    left: auto !important;
    top: 6px;
}

.select2-container .select2-choice abbr
{
    top: 5px;
}

.select2-search-choice-close::after
{
    color: #a1c0d4;
    content: '×';
    font-family: caption;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-shadow: none;
    top: 0;
}

.select2-search-choice-close:hover::after
{
    color: #43b0e6;
}

.select2-container-multi .select2-search-choice-close::after,
.select2-container-multi .select2-search-choice-close:hover::after
{
    color: #a1c0d4;
}


/* Tags input */
tags-input .tags
{
    border-color: #dee9f0;
    color: #4c4c4c;
    padding: 0 10px;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.form-input.__langs tags-input .tags
{
    padding: 0 0 0 36px;
}

tags-input .tags li
{
    padding: 0;
    text-indent: 0;
}

tags-input .tags li:before
{
    content: '';
}

tags-input .tags.focused
{
    border-color: #a1c0d4;

    -webkit-box-shadow: none;
            box-shadow: none;
}

tags-input .tags .input
{
    height: 28px;
    padding: 0;
}

tags-input .tags .tag-item
{
    background: #43b0e6;
    border: none;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 13px;
    height: 24px;
    margin: 4px 4px 0 0;
    padding: 0 30px 0 6px;
    position: relative;

    -webkit-border-radius: 0;
            border-radius: 0;
}

tags-input .tags .tag-item.selected
{
    background: #e51400;
}

tags-input .tags .tag-item .remove-button
{
    font-family: caption;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    right: 6px;
    top: 5px;
}


.nav-bar,
.cnt
{
    bottom: 0;
    position: fixed;
    top: 0;
}

/* Nav bar - Left navigation menu */
.nav-bar
{
    font-family: 'Exo 2';
    left: 0;
    width: 90px;
    z-index: 100;
}
    
    /* Bar - menu navigation */
    .nav-bar .bar
    {
        background: #333;
        height: 100%;
        padding: 90px 0 0;
        position: relative;
        z-index: 50;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;

        -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .2) inset;
                box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .2) inset;
    }

        .nav-bar .menu-item
        {
            text-align: center;
        }

        .nav-bar .menu-item.__logo
        {
            bottom: 0;
            font-size: 0;
            left: 0;
            position: absolute;
            right: 0;
        }

            .nav-bar .logo-img
            {
                background: url(../images/logo.png) no-repeat scroll 0 0;
                background-size: 30px 32px;
                display: inline-block;
                height: 33px;
                margin: 15px 0 0;
                width: 30px;
            }

            .nav-bar .logo-version
            {
                color: #c2c2c2;
                display: block;
                font-size: 12px;
                padding: 10px 0;
            }

            .nav-bar .menu-link
            {
                color: #c2c2c2;
                display: block;
                font-size: 13px;
                padding: 15px 0;
                position: relative;
            }

        .nav-bar .menu-item.__done
        {
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

            .nav-bar .menu-item.__done .menu-link
            {
                background: #43b0e6;
                color: #fff;
                cursor: pointer;
            }

            .nav-bar .menu-link:hover
            {
                color: #43b0e6;
            }

            .nav-bar .__selected .menu-link
            {
                background-color: #383838;
                color: #43b0e6;
            }

            .nav-bar .__selected.__animated .menu-link,
            .nav-bar .__animated .menu-link
            {
                color: #fff;

                -webkit-animation: notify ease 1 1.5s;
                        animation: notify ease 1 1.5s;
            }

            .nav-bar .__animated .menu-link:hover
            {
                color: #fff;
            }

                .nav-bar .menu-ico
                {
                    display: block;
                    font-size: 24px;
                    height: 20px;
                    margin: 0 0 10px;
                }

                .nav-bar .menu-count
                {
                    background: #fff;
                    color: #333;
                    height: 18px;
                    font-size: 11px;
                    line-height: 18px;
                    min-width: 18px;
                    position: absolute;
                    right: 8px;
                    top: 8px;

                    -webkit-border-radius: 50%;
                            border-radius: 50%;
                }

                .nav-bar .__animated .menu-ico
                {
                    -webkit-animation: bell ease-in-out 1s .5s;
                            animation: bell ease-in-out 1s .5s;
                }

    /* Dropdown - dropdown menu navigation */
    .nav-bar .dropdown
    {
        background: #383838;
        bottom: 0;
        position: fixed;
        top: 0;
        width: 360px;
        z-index: 25;

        -webkit-box-shadow: 5px 0 0 rgba(0,0,0,.25);
                box-shadow: 5px 0 0 rgba(0,0,0,.25);

        -webkit-transform: translateX(-270px);
                transform: translateX(-270px);
    }

    .nav-bar .dropdown.__opened
    {
        -webkit-transform: translateX(90px);
                transform: translateX(90px);
    }

        .dropdown .dropdown-close
        {
            color: #c2c2c2;
            cursor: pointer;
            font-family: caption;
            font-size: 22px;
            font-weight: bold;
            line-height: 1;
            position: absolute;
            right: 15px;
            top: 30px;
        }

        .dropdown .dropdown-close:hover
        {
            color: #fff;
        }

        .dropdown .dropdown-head
        {
            padding: 85px 20px 14px;
            text-align: right;
        }

            .dropdown-head .menu-item
            {
                margin: 0 0 0 20px;
                text-align: left;
            }

                .dropdown-head .menu-link
                {
                    cursor: pointer;
                    font-size: 14px;
                }

                .dropdown-head .menu-link:hover
                {
                    color: #fff;
                }

                    .dropdown-head .menu-ico
                    {
                        display: inline-block;
                        font-size: 18px;
                        margin: 0 5px 0 0;
                    }

        .dropdown .dropdown-content
        {
            height: calc(100% - 149px);
            padding: 0 20px;
        }

        .dropdown .dropdown-content:hover
        {
            overflow: auto;
        }

        .dropdown .dropdown-content::-webkit-scrollbar
        {
            background: transparent;
        }

        .dropdown .dropdown-content::-webkit-scrollbar-track-piece
        {
            background: #545454;
        }

        .dropdown .dropdown-content::-webkit-scrollbar-thumb
        {
            background: #434343;
        }

        .dropdown .dropdown-content
        {
            -ms-scrollbar-arrow-color: #545454;
            -ms-scrollbar-face-color: #434343;
            -ms-scrollbar-shadow-color: #434343;
            -ms-scrollbar-track-color: #545454;
        }

            .dropdown-content .list
            {
                width: 315px;
            }

                .dropdown-content .list-item
                {
                    border-top: 1px solid #606060;
                }

                    .dropdown-content .list-link
                    {
                        color: #c2c2c2;
                        display: block;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 26px;
                        padding: 20px;
                        text-transform: uppercase;
                    }

                    .dropdown-content .list-link:hover
                    {
                        background: rgba(0,0,0,.2);
                        color: #fff;
                    }

                        .dropdown-content .list-ico
                        {
                            font-size: 25px;
                            height: 24px;
                            margin: 0 20px 0 0;
                            position: relative;
                            top: 2px;
                            width: 32px;
                        }

                        .dropdown-content .info .list-ico
                        {
                            color: #43b0e6;
                        }

                        .dropdown-content .error .list-ico
                        {
                            color: #e51400;
                        }

                        .dropdown-content .warning .list-ico
                        {
                            color: #f0a30a;
                        }

                        .dropdown-content .error .list-ico:after,
                        .dropdown-content .warning .list-ico:after
                        {
                            background: #fff;
                            content: '';
                            height: 12px;
                            left: 11px;
                            position: absolute;
                            top: 7px;
                            width: 3px;
                            z-index: -1;
                        }

                        .dropdown-content .list-t,
                        .dropdown-content .list-date,
                        .dropdown-content .list-descr
                        {
                            color: #fff;
                            text-transform: none;
                        }

                        .dropdown-content .list-date,
                        .dropdown-content .list-descr
                        {
                            display: block;
                            font-size: 12px;
                        }

                        .dropdown-content .list-t
                        {
                            font-size: 14px;
                        }

                        .dropdown-content .list-descr
                        {
                            display: block;
                            margin: 0 0 0 55px;
                        }

                        .dropdown-content .list-date
                        {
                            color: #c2c2c2;
                            margin: 5px 0 0 55px;
                            padding: 0 0 0 25px;
                            position: relative;
                        }

                        .dropdown-content .list-date:after
                        {
                            color: #c2c2c2;
                            content: '';
                            font-family: 'FontAwesome';
                            font-size: 14px;
                            left: 0;
                            position: absolute;
                            top: 0;
                        }

                        .dropdown-content .list-bar
                        {
                            background-color: #43b0e6;
                            display: block;
                            height: 10px;
                            margin-left: 55px;
                        }

/* Content - main content area */
.cnt
{
    left: 90px;
    overflow: hidden;
    overflow-x: auto;
    right: 0;
    white-space: nowrap;
    z-index: 50;
}

    .cnt .cnt-inner
    {
        display: inline-block;
        height: 100%;
        padding-right: 90px;
        word-spacing: -4px;
    }

        .cnt .dashboard,
        .cnt .blade
        {
            display: inline-block;
            height: 100%;
            vertical-align: top;
            white-space: nowrap;
            word-spacing: 0;
        }


/* Blades */
.blade
{
    background: #fff;
    font-family: serif;
    overflow: hidden;
    position: relative;

    -webkit-box-shadow: -5px 0 5px -6px rgba(0, 0, 0, .1);
            box-shadow: -5px 0 5px -6px rgba(0, 0, 0, .1);
}

.blade.__animate
{
    z-index: -1;
}

.blade.__active
{
    margin: 0 0 0 40px;
}

    .blade .blade-head,
    .blade .blade-container
    {
        font-family: 'Exo 2';

        -webkit-box-shadow: -8px 0 0 0 rgba(0,0,0,.2) inset;
                box-shadow: -8px 0 0 0 rgba(0,0,0,.2) inset;
    }

    .blade .blade-head
    {
        background: #333;
        height: 132px;
        min-width: 300px;
        padding: 25px 0 5px;
        position: relative;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;

        -webkit-transition: height .3s ease;
                transition: height .3s ease;
    }

    .blade.__active .blade-head
    {
        background: #34454c;
    }

        .blade-head .blade-status
        {
            height: 25px;
            left: 0;
            position: absolute;
            right: 8px;
            top: 0;
        }

            .blade-status .status-message
            {
                background: #7a1c13;
                bottom: 0;
                color: #fff;
                font-size: 14px;
                left: 0;
                line-height: 23px;
                padding: 0 0 0 50px;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 300;

                filter: alpha(opacity=50);
            }

            .blade-status .status-message:after
            {
                color: #fff;
                content: '';
                font-family: 'FontAwesome';
                left: 20px;
                position: absolute;
                top: 2px;
            }

            .blade-status .progress-bar
            {
                bottom: 0;
                height: auto;
                left: 0;
                margin: 0;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 200;
            }

        .blade-head .blade-nav
        {
            height: 25px;
            left: 0;
            position: absolute;
            right: 8px;
            text-align: right;
            top: 0;
        }

            .blade-nav .menu
            {
                background: #232323;
                position: relative;
            }

            .blade-nav .menu-item
            {
                background: none;
                border: none;
                cursor: pointer;
                font-size: 0;
                height: 25px;
                line-height: 1.4;
                position: relative;
                width: 35px;
                z-index: 250;
            }

            .blade-nav .menu-item.__close
            {
                z-index: 350;
            }

            .blade-nav .menu-item.__disabled
            {
                cursor: not-allowed;
            }

                .blade-nav .menu-item *
                {
                    background: none;
                    border: none;
                    cursor: pointer;
                    font-size: 0;
                    height: 100%;
                    width: 100%;
                }

                .blade-nav .menu-item .btn-ico
                {
                    color: #fff;
                    font-size: 13px;
                    line-height: 0;
                    margin: 12px 0 0;
                }

            .blade-nav .menu-item.__minimize:after,
            .blade-nav .menu-item.__maximize:after
            {
                border-color: #fff;
                border-style: solid;
                height: 8px;
                top: 8px;
                width: 12px;

                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
            }

            .blade-nav .menu-item.__minimize:after
            {
                border-width: 0 0 2px;
            }

            .blade-nav .menu-item.__maximize:after
            {
                border-width: 2px 1px 1px;
            }

            .blade-nav .menu-item.__close:after
            {
                content: '×';
                font-family: caption;
                font-size: 20px;
                font-weight: bold;
                top: -3px;
            }

            .blade-nav .menu-item:after
            {
                color: #fff;
                content: '';
                left: 50%;
                margin: 0 0 0 -6px;
                position: absolute;
            }

            .blade-nav .menu-item:hover
            {
                background: #43b0e6;
            }

            .blade-nav .menu-item.__disabled:hover
            {
                background: none;
            }

            .blade-nav .menu-item > *:disabled
            {
                cursor: not-allowed;
            }

        .blade-head .blade-t
        {
            color: #fff;
            left: 0;
            margin: 10px 20px;
            min-height: 34px;
            padding: 0 0 0 60px;
            position: absolute;
            right: 8px;
        }

            .blade-t .blade-t_ico
            {
                font-size: 34px;
                height: 34px;
                left: 0;
                position: absolute;
                top: 0;
                width: 40px;
            }

            .blade-t .blade-t_head,
            .blade-t .blade-t_subhead
            {
                font-weight: 300;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .blade-t .blade-t_head
            {
                font-size: 18px;
                margin: 6px 0 0;
            }

            .blade-t.__secondary .blade-t_head
            {
                font-size: 14px;
                margin: 0;
            }

            .blade-t .blade-t_subhead
            {
                color: #bbb;
                font-size: 11px;
            }

        .blade-head .blade-toolbar
        {
            background: #333;
            border-top: 1px solid #3d3d3d;
            left: 0;
            overflow: hidden;
            position: absolute;
            right: 8px;
            top: 79px;
            z-index: 50;

            -webkit-box-shadow: 0 1px 0 #2b2b2b inset;
                    box-shadow: 0 1px 0 #2b2b2b inset;

            -webkit-transition: height .3s ease;
                    transition: height .3s ease;
        }

        .blade-head .blade-switch
        {
            bottom: 4px;
            position: absolute;
            right: 28px;
            text-align: center;
            z-index: 100;
        }

            .blade-switch .switch-t
            {
                color: #fff;
                display: block;
                font-size: 11px;
                font-weight: 300;
                margin: 0 0 3px;
                text-transform: uppercase;
            }

            .blade-switch .form-control .form-label
            {
                margin: 0;
            }

            .blade-toolbar .menu
            {
                margin: 0 0 0 10px;
                white-space: normal;
            }

                .menu.__more .menu-item
                {
                    margin: 5px 0;
                }

                .menu.__more .blade-switch
                {
                    padding: 0 10px;
                    position: static;
                }

                .blade-toolbar .menu-item
                {
                    margin: 7px 0;
                }

                .blade-toolbar .menu-item.__loading
                {
                    pointer-events: none;
                    position: relative;
                }

                .blade-toolbar .menu-item.__loading:after
                {
                    background-color: #333;
                    background-image: 
                        -webkit-linear-gradient(45deg, 
                        rgba(255, 255, 255, .15) 25%, 
                        rgba(0, 0, 0, 0) 25%, 
                        rgba(0, 0, 0, 0) 50%, 
                        rgba(255, 255, 255, .15) 50%, 
                        rgba(255, 255, 255, .15) 75%, 
                        rgba(0, 0, 0, 0) 75%, 
                        rgba(0, 0, 0, 0));
                    background-image: 
                        linear-gradient(45deg, 
                        rgba(255, 255, 255, .15) 25%, 
                        rgba(0, 0, 0, 0) 25%, 
                        rgba(0, 0, 0, 0) 50%, 
                        rgba(255, 255, 255, .15) 50%, 
                        rgba(255, 255, 255, .15) 75%, 
                        rgba(0, 0, 0, 0) 75%, 
                        rgba(0, 0, 0, 0));
                    background-size: 30px 30px;
                    bottom: 0;
                    content: '';
                    left: 0;
                    opacity: .8;
                    position: absolute;
                    right: 0;
                    top: 0;

                    filter: alpha(opacity=80);

                    -webkit-animation: linear 2s infinite progress;
                            animation: linear 2s infinite progress;
                }

                    .blade-toolbar .menu-btn
                    {
                        background: none;
                        border: none;
                        color: #fff;
                        cursor: pointer;
                        font-size: 11px;
                        font-weight: 300;
                        display: block;
                        padding: 0 10px;
                        position: relative;
                        text-align: center;
                    }

                    .blade-toolbar .menu-btn:hover
                    {
                        color: #43b0e6;
                    }

                    .blade-toolbar .menu-btn:disabled
                    {
                        color: #fff;
                        cursor: not-allowed;
                    }

                        .blade-toolbar .menu-ico
                        {
                            display: block;
                            font-size: 18px;
                            margin: 0 0 3px;
                        }

    .blade .blade-head,
    .blade .blade-container
    {
        padding-right: 8px;
    }

    .blade .blade-wrapper,
    .blade .blade-container,
    .blade .blade-content,
    .blade .blade-inner
    {
        height: 100%;
    }

    .blade .blade-container
    {
        height: calc(100% - 130px);
        overflow: hidden;
        position: relative;

        -webkit-transition: height .3s ease;
                transition: height .3s ease;
    }

    .blade .blade-container.__loading
    {
        opacity: .25;
        pointer-events: none;

        filter: alpha(opacity=25);
    }

        .blade-container .blade-static
        {
            background: #fbfdfe;
            border-color: #dee9f0;
            border-style: solid;
            border-width: 0 0 2px;
            height: 70px;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

        .blade-container .blade-static.__quote
        {
            height: 230px;
        }

            .blade-static.__collapsed .breadcrumbs
            {
                padding: 13px 20px;
            }

            .blade-static.__expanded .breadcrumbs
            {
                margin: 0 0 -15px;
                padding: 14px 20px;
            }

            .blade-static .form-group,
            .blade-static .form
            {
                margin: 0 20px;
                padding: 17px 0;
                position: relative;
            }

            .blade-static .column .form-group
            {
                margin: 5px 10px 0 0;
                padding: 0;
            }

            .blade-static .column + .column .form-group
            {
                margin: 0 0 0 10px;
            }

                .blade-static .form-group .link
                {
                    display: inline-block;
                    font-size: 14px;
                    margin: 12px 10px 0 0;
                }

                .blade-static .form-input.__search
                {
                    width: 80%;
                }

                .blade-static .form-count
                {
                    position: absolute;
                    right: 0;
                    top: 15px;
                }

            .blade-static .pagination
            {
                border: none;
                margin: 0;
                padding: 0;
                text-align: left;
            }

            .blade-static .btn + .btn
            {
                margin: 0 0 0 15px;
            }

        .blade-static.__expanded
        {
            height: 114px;
        }

        .blade-static.__collapsed
        {
            height: 60px;
        }

        .blade-static.__bottom
        {
            border-width: 2px 0 0;
            bottom: 0;
            left: 0;
            padding: 18px 20px;
            position: absolute;
            right: 8px;
            z-index: 100;
        }

            .blade-static.__bottom .form-label
            {
                margin: 0 0 5px;
            }

        .blade-static + .blade-content
        {
            height: calc(100% - 72px);
        }

        .blade-static.__quote + .blade-content
        {
            height: calc(100% - 230px);
        }

        .blade-static.__collapsed + .blade-content
        {
            height: calc(100% - 62px);
        }

        .blade-static.__expanded + .blade-content
        {
            height: calc(100% - 116px);
        }

        /* Normal to normal */
        .blade-static + .blade-static.__bottom + .blade-content
        {
            height: calc(100% - 140px);
        }

        /* Collapsed to normal, Normal to collapsed */
        .blade-static.__collapsed + .blade-static.__bottom + .blade-content,
        .blade-static + .blade-static.__bottom.__collapsed + .blade-content
        {
            height: calc(100% - 130px);
        }
        
        /* Collapsed to collapsed */
        .blade-static.__collapsed + .blade-static.__bottom.__collapsed + .blade-content
        {
            height: calc(100% - 120px);
        }

        /* Expanded to normal, Normal to expanded */
        .blade-static.__expanded + .blade-static.__bottom + .blade-content,
        .blade-static + .blade-static.__bottom.__expanded + .blade-content
        {
            height: calc(100% - 184px);
        }

        /* Expanded to expanded */
        .blade-static.__expanded + .blade-static.__bottom.__expanded + .blade-content
        {
            height: calc(100% - 228px);
        }

        /* Collapsed to expanded, Expanded to collapsed */
        .blade-static.__expanded + .blade-static.__bottom.__collapsed + .blade-content
        {
            height: calc(100% - 174px);
        }

        .blade-container .canceled + .blade-content
        {
            height: calc(100% - 45px);
        }

    .blade .blade-content
    {
        width: 420px;
        white-space: normal;
    }

    .blade.__active .blade-content
    {
        background: #f1fbfe;
    }

    .blade .blade-content.__gray
    {
        background-color: #fbfdfe;
    }

    .__canceled
    {
        background-color: #eff7fc;
    }

    .blade .blade-content.__medium-wide
    {
        width: 550px;
    }

    .blade .blade-content.__large-wide
    {
        width: 680px;
    }

    .blade .blade-content.__xlarge-wide
    {
        width: 810px;
    }

    .blade .blade-content.__xxlarge-wide
    {
        width: 940px;
    }

    .blade .blade-content.__tree
    {
        width: 340px;
    }

        

        .blade-content .table
        {
            min-width: 420px;
        }

        .blade-content.__medium-wide .table
        {
            min-width: 550px;
        }

    .blade .blade-content.blade-large
    {
        width: 710px;
    }

    .blade .blade-inner
    {
        overflow: hidden;
        padding: 0 20px;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .blade .blade-inner::-webkit-scrollbar,
    .log::-webkit-scrollbar
    {
        background: transparent;
    }

    .blade .blade-inner::-webkit-scrollbar-track-piece,
    .log::-webkit-scrollbar-track-piece
    {
        background: #f9f9f9;
    }

    .blade .blade-inner::-webkit-scrollbar-thumb,
    .log::-webkit-scrollbar-thumb
    {
        background: #e6e6e6;
    }

    .blade .__gray .blade-inner::-webkit-scrollbar-track-piece
    {
        background: #e9e9e9;
    }

    .blade .__gray .blade-inner::-webkit-scrollbar-thumb
    {
        background: #d6d6d6;
    }

    .blade .blade-inner,
    .log
    {
        -ms-scrollbar-arrow-color: #f9f9f9;
        -ms-scrollbar-face-color: #e6e6e6;
        -ms-scrollbar-shadow-color: #e6e6e6;
        -ms-scrollbar-track-color: #f9f9f9;
    }

    .blade .__gray .blade-inner
    {
        -ms-scrollbar-arrow-color: #e9e9e9;
        -ms-scrollbar-face-color: #d6d6d6;
        -ms-scrollbar-shadow-color: #d6d6d6;
        -ms-scrollbar-track-color: #e9e9e9;
    }

    .blade .blade-inner:hover
    {
        overflow-y: auto;
    }

        .blade-inner .inner-block
        {
            margin: 0 0 20px;
            width: 380px;
        }

        .blade-content.__medium-wide .inner-block
        {
            width: 510px;
        }

        .blade-content.__large-wide .inner-block
        {
            width: 640px;
        }

        .blade-content.__xlarge-wide .inner-block
        {
            width: 770px;
        }

        .blade-content.__xxlarge-wide .inner-block
        {
            width: 900px;
        }

        .blade-content.__tree .inner-block
        {
            width: 300px;
        }

        .blade-content.__code-editor .inner-block
        {
            width: auto;
        }

    .blade .blade-loader
    {
        padding: 20px;
        text-align: center;
    }

        .blade-loader .loading
        {
            color: #f3f3f3;
            display: inline-block;
            font-size: 60px;
            font-weight: bold;
            overflow: hidden;
            position: relative;
            text-transform: uppercase;
        }

        .blade-loader .loading:after
        {
            color: #43b0e6;
            content: attr(data-title);
            font-size: 60px;
            left: 0;
            overflow: hidden;
            position: absolute;
            text-transform: uppercase;
            top: 0;
            white-space: nowrap;

            -webkit-animation: loading 2s infinite ease-in-out;
                    animation: loading 2s infinite ease-in-out;
        }

    .blade .example-mail
    {
        padding: 20px 0;
    }


/* UI Grid */
.ui-grid,
.ui-grid-header
{
    border-color: #dee9f0;
}

.ui-grid-top-panel
{
    background: rgba(0, 0, 0, .024);
}

.ui-grid-header-cell
{
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.ui-grid-cell
{
    border-style: solid;
    border-width: 0 0 1px;
}

.ui-grid-header-cell,
.ui-grid-cell,
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right
{
    border-color: #dee9f0;
}

.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell
{
    background: #d9effa !important;
}

.ui-grid-canvas
{
    padding: 0;
}

.ui-grid-row,
.ui-grid-cell,
.ui-grid-cell .ui-grid-vertical-bar,
.ui-grid-render-container-body .ui-grid-header-canvas
{
    height: auto !important;
    line-height: 40px;
    overflow: hidden;
}

.ui-grid-row:last-child .ui-grid-cell
{
    border-color: #dee9f0;
    border-width: 0 0 1px !important;
}

.ui-grid-cell-contents
{
    font-size: 14px;
    padding: 10px;
    text-shadow: 1px 1px #fff;
}

.ui-grid-row-header-cell .ui-grid-cell-contents,
.ui-grid-header-cell:first-child .ui-grid-cell-contents
{
    padding: 10px 5px;
}

.ui-grid-row:nth-child(2n) .ui-grid-cell
{
    background: #fff;
}

.ui-grid-filter-container
{
    padding: 0 10px 10px;
}

input.ui-grid-filter-input[type="text"]
{
    padding: 5px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]
{
    line-height: 2;
    margin: 0;
    top: 0;
}

.ui-grid-column-menu-button
{
    top: 50%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down
{
    vertical-align: top;
}

.ui-grid-row:hover .ui-grid-cell,
.ui-grid-row:nth-child(2n):hover .ui-grid-cell
{
    background: #ecf7fc;
}

.ui-grid-row-header-cell
{
    background: none !important;
    border-bottom: 1px solid #d9effa;
}

.ui-grid-selection-row-header-buttons.ui-grid-row-selected
{
    color: #a1c0d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child,
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child
{
    border: none;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar
{
    background: none;
}

.ui-grid-column-menu-button
{
    display: none;
}

.ui-grid-cell-contents .product-img
{
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.ui-grid-cell .product-img .pr-ico
{
    color: #a6a6a6;
    display: inline-block;
    font-size: 28px;
    margin: -4px 0 0;
    text-shadow: 1px 1px #fff;
    vertical-align: middle;
}

.ui-grid-row:hover .ui-grid-cell .pr-ico,
.ui-grid-row-selected .ui-grid-cell .pr-ico
{
    color: #a1c0d4;
}

.ui-grid-row > :first-child
{
    height: 100%;
    overflow: hidden;
}

.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-render-container-body .ui-grid-header-cell
{
    height: 40px;
    line-height: 20px;
}

/* Image preview */
.image-preview
{
    background: #fff;
    border: 2px solid #a1c0d4;
    height: 300px;
    line-height: 298px;
    overflow: hidden;
    position: fixed;
    width: 300px;
    z-index: 50;
}

    .image-preview *
    {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }

/* Popup */
.overlay
{
    background: rgba(0,0,0,.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9000;
}

    .overlay .overlay-cnt
    {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .overlay .overlay-cnt::after
    {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

        .overlay .popup
        {
            background: #fff;
            display: inline-block;
            max-height: 600px;
            max-width: 800px;
            vertical-align: middle;
        }

            .popup .popup-cnt
            {
                height: 100%;
                padding: 5px;
                text-align: center;

                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
            }

                .popup .image
                {
                    height: 590px;
                    overflow: hidden;
                    width: 100%;
                }

                    .popup .image img
                    {
                        display: inline-block;
                        max-height: 100%;
                        max-width: 100%;
                        vertical-align: middle;
                    }


/* Gridster */
.gridster
{
    list-style: none;
}

.gridster > ul
{
    height: 100%;
}

.gridster > .list.__editing
{
    background: url(../images/grid.png) repeat scroll 0 0;
}

    .gridster gridster-item,
    .gridster .list-item
    {
        background: #fbfdfe;
        cursor: move;
        padding: 2px;
        position: absolute;
        text-align: center;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;

        -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
                box-shadow: 0 0 0 2px #dee9f0 inset;
    }

    .gridster .gridster-item-moving
    {
        opacity: .7;

        filter: alpha(opacity=70);
    }

    .gridster gridster-item:hover,
    .gridster .list-item:hover
    {
        -webkit-box-shadow: 0 0 0 2px #a1c0d4 inset;
                box-shadow: 0 0 0 2px #a1c0d4 inset;
    }

    .gridster .list:not(.__editing) .list-item .customize
    {
        background: #a1c0d4;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        left: 0;
        padding: 3px 10px;
        position: absolute;
        text-align: center;
        top: -22px;
        z-index: 50;
    }

        .customize .custom-ico
        {
            color: #fff;
            font-size: 12px;
        }

    .gridster-preview-holder
    {
        background: #dee9f0;
        border-color: #a1c0d4;
        border-style: dashed;
        border-width: 1px;
    }

    .gridster .gridster-preview-holder
    {
        background: #dee9f0;
        border-color: #a1c0d4;
        border-style: dashed;
        border-width: 1px;
    }

    .gridster .gridster-cnt,
    .gridster [ng-model="widget"]
    {
        overflow: hidden;
        text-align: center;
    }

    .gridster .gridster-cnt
    {
        cursor: pointer;
        bottom: 10px;
        left: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .gridster [ng-model="widget"]
    {
        height: 100%;
        width: 100%;
    }

    .gridster .gridster-cnt.__info,
    .gridster .gridster-cnt.__note
    {
        cursor: inherit;
        bottom: 2px;
        left: 2px;
        right: 2px;
        top: 2px;
    }

    .gridster .gridster-cnt.__note
    {
        cursor: pointer;
    }

    .gridster .gridster-cnt::after
    {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

        .gridster-cnt .cnt-inner
        {
            display: inline-block;
            height: auto;
            line-height: 1.4;
            margin: -24px 0 0;
            padding: 0;
            vertical-align: middle;
            word-spacing: 0;
        }

        .gridster .image
        {
            border: 1px solid #dee9f0;
            height: 50px;
            left: 69px;
            position: absolute;
            top: 69px;
            width: 50px;

            -webkit-box-sizing: border-box;
                    box-sizing: border-box;

        }

        .gridster .image::after
        {
            content: '';
            display: inline-block;
            height: 100%; 
            vertical-align: middle;
        }

            .gridster .image img
            {
                display: block;
                max-height: 100%;
                max-width: 100%;
            }

        .gridster .list-t,
        .gridster .gallery-descr
        {
            color: #4c4c4c;
            font-size: 12px;
            font-weight: 500;
            word-spacing: 0;
        }

        .gridster .list-price
        {
            color: #43b0e6;
            font-size: 12px;
        }

        .gridster .list-count
        {
            color: #43b0e6;
            font-size: 22px;
            font-weight: 300;
        }

        .gridster .list-count + .list-t
        {
            font-size: 12px;
        }

        .gridster .list-ico,
        .gridster .gallery-ico,
        .gridster .comment-ico
        {
            color: #dee9f0;
            font-size: 24px;
        }

        .gridster .gallery-ico,
        .gridster .comment-ico
        {
            font-size: 48px;
        }

        .gridster .list-item:hover .list-ico,
        .gridster .list-item:hover .gallery-ico,
        .gridster .list-item:hover .comment-ico
        {
            color: #a1c0d4;
        }


/* Tooltip */
.tooltip
{
    background: #43b0e6;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 12px;
    max-width: 600px;
    position: absolute;
    z-index: 100;
}

.tooltip::after
{
    border-color: transparent #43b0e6 transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: '';
    left: -15px;
    position: absolute;
    top: 10px;
}

    .tooltip .tooltip-cnt
    {
        padding: 10px;
    }

/* Informer */
.__informer
{
    background: #ecf7fc;
    color: #a1c0d4;
    font-size: 22px;
    padding: 10px;

    -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
            box-shadow: 0 0 0 2px #dee9f0 inset;
}

.__informer::after
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

    .__informer *
    {
        display: inline-block;
        line-height: 1.2;
        vertical-align: middle;
    }

.iframe-cnt
{
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 280px;
    top: 20px;
}

.lookbook
{
    background: #fff;
    bottom: 20px;
    position: absolute;
    right: 28px;
    top: 20px;
    width: 240px;
}



/* Tabs */
.tabs-elements
{
    margin: 0 -20px;
    padding: 18px 0 0;
    overflow: hidden;
    position: relative;
}

    .tabs .tab-item
    {
        background: #dee9f0;
        border-top: 1px solid #dee9f0;
        color: #43b0e6;
        cursor: pointer;
        float: left;
        font-size: 14px;
        font-weight: 600;
        height: 34px;
        line-height: 26px;
        position: relative;
        top: 2px;
        text-align: center;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .tabs .tab-item + .tab-item
    {
        border-left: 1px solid #fff;
    }

    .tabs .tab-item.__selected
    {
        background: #fff;
        border-bottom: 2px solid #fff;
        line-height: 30px;
        top: 0;
    }

    .tabs .tab-item:nth-last-child(2),
    .tabs .tab-item:nth-last-child(2) ~ .tab-item
    {
        width: 50%;
    }

    .tabs .tab-item:nth-last-child(3),
    .tabs .tab-item:nth-last-child(3) ~ .tab-item
    {
        width: 33.3333%;
    }

    .tabs .tab-item:nth-last-child(4),
    .tabs .tab-item:nth-last-child(4) ~ .tab-item
    {
        width: 25%;
    }

    .tabs .tab-item:nth-last-child(5),
    .tabs .tab-item:nth-last-child(5) ~ .tab-item
    {
        width: 20%;
    }

    .tabs .tab-cnt
    {
        clear: both;
        display: none;
        padding: 10px 0;
    }

    .tabs .tab-cnt.__opened
    {
        display: block;
    }

        .tab-cnt h1,
        .tab-cnt h2,
        .tab-cnt h3
        {
            margin: 20px 0;
        }

        .tab-cnt p,
        .tab-cnt ul,
        .tab-cnt ol
        {
            margin: 0 0 10px;
        }

        .tab-cnt img
        {
            margin: 10px 0;
        }